<template>
  <div id="adminLogin">
    <img width="100%" height="100%"  class="bg_img" src="/../../static/img/adminLogin.jpg">
    <div class="login_flex">
      <login-input></login-input>
    </div>
  </div>
</template>

<script>
import LoginInput from "./components/LoginInput";
export default {
  name: "AdminLogin",
  components: {
    LoginInput
  }
};
</script>

<style scoped>
.login_flex {
  display: flex;
  align-items: center;
  height: 100vh;
  margin-left: 20vw;
  opacity:0.7;
}
.bg_img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
</style>
